<template>
  <svg class="icon" aria-hidden="true" :class="baseIcon?.split('-')[1]">
    <use :xlink:href="xlink"></use>
  </svg>
</template>

<script setup lang="ts" name="baseIcon">
import { ref } from 'vue'
const props = defineProps({
  baseIcon: String,
})
const xlink = ref('')
xlink.value = `#${props.baseIcon}`
</script>
